<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="font/fonts.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
</head>

<body class="bg_0">
<div id="container">
    <div id="menu">
    	<div id="logo">
        <a href="index.php"> <img src="img/logo.png" border="0"/></a>
        </div><!--logo-->
    	<ul class="menu-lista">
            <li class="primeiro"><a href="#">A EMPRESA</a></li>
            <li><a href="#"> PRODUTOS</a></li>
            <li style="margin-right:90px"><a href="#">RECEITAS</a></li>
            
            <li style="margin-left:60px"><a href="#">ONDE COMPRAR</a></li>
            <li><a href="#">NOTÍCIAS </a></li>
            <li><a href="#">CONTATO </a></li>
        </ul>
    </div><!--menu-->
    <div id="miolo" style="width:1024px;">
    	<?php include('mioloindex.php'); ?>
    </div><!--miolo-->
	<div id="rodape">
        <div class="rodape_fixo">
        	<p align="right"><a href="#" class="slideD">MAPA DO SITE</a></p>
        </div><!--rodape_fixo-->
        <div class="mapa">
        </div><!--mapa-->
	</div><!--rodape-->
</div><!--container-->
<script type="text/javascript">
$(".slideD").click(function () {
	if ($(".mapa").is(":hidden")) {
		$(".mapa").slideDown("slow");
		//document.getElementById("seta").src = "images/setaaberto.png";
	}
	else
	{
		$(".mapa").slideUp("slow");
		//document.getElementById("seta").src = "images/setafechado.png";
	}
});
</script>
</body>
</html>